@import 'com/sass/_utils-wap';
@import 'com/sass/_reset-wap';
@import 'compass/css3';
$icon:sprite-map("stu/tip/*.png",$spacing:10px);
body{
    color: #333;
}
a{
    color: #555;
}
a:hover{
    text-decoration: none;
}
header{
    font-size: 34px/$ppr;
    border-bottom: #dcdcdc solid 1px;
    height: 95px/$ppr;
    line-height: 95px/$ppr;
    text-align: center;
    position: relative;
    color: #ff6611;
    #back{  
        @include icon($icon,"back");
        display: inline-block;
        position: absolute;
        left: 35px/$ppr;
        top: 30px/$ppr;
    }
} 
article{
    padding: 0 25px/$ppr;
    h3{
        color: #333;
        font-size: 36px/$ppr;
        text-align: center;
        line-height: 100px/$ppr;
    }
    p{
        color: #555;
        font-size: 28px/$ppr;
        line-height: 58px/$ppr;
        position: relative;
        em{
            width: 32px/$ppr;
            height: 32px/$ppr;
            border-radius: 16px/$ppr;
            line-height: 32px/$ppr;
            font-size: 28px/$ppr;
            color: #fff;
            background: #ffbb00;
            display: inline-block;
            text-align: center;
            margin-right: 10px/$ppr;
        }
    }
}
.tip{
    width: 670px/$ppr;
    height: 210px/$ppr;
    background: #fcf7e3;
    border: #ffbb00 5px/$ppr solid;
    border-radius: 110px/$ppr;
    position: fixed;
    left: 20px/$ppr;
    bottom: 50px/$ppr;
    p{
        font-size: 28px/$ppr;
        color: #333;
        line-height: 58px/$ppr;
        position: absolute;
        top: 50px/$ppr;
        left: 50px/$ppr;
        input{
            border:none;
            border-bottom: #333 solid 1px;
            width: 80px/$ppr;
            color: #ff6611;
            text-align: center;
        }
    }
    i{
        @include icon($icon,'tip_09');
        position: absolute;
        top: 70px/$ppr;
        left: 290px/$ppr;
        &.r{
            @include icon($icon,'tip_13');
        }

    }
    span{
        @include icon($icon,'tip_03');
        position: absolute;
        bottom: 25px/$ppr;
        right: 50px/$ppr;
        &.w{
            @include icon($icon,'tip_05');
        }
        &.r{
            @include icon($icon,'tip_04');
        }
    }
    em{
        @include icon($icon,'tip_06');
        position: absolute;
        bottom: 45px/$ppr;
        right: 5px/$ppr;
    }
}